<template>
    <view class="page">
        <view class="main">
            <u-text color="#333" size="32rpx" text="修改角色" bold></u-text>
            <view class="role-box">
                张三的爸爸
            </view>
            <u-text margin="20rpx 0 0 0" prefixIcon="*" iconStyle="color:#FF1F1E" size="24rpx" color="#666666"
                text="角色暂时无法修改，请和校区老师联系！"></u-text>
        </view>

    </view>
</template>
<script setup>
import { ref } from 'vue'

const nickname = ref('')


</script>
<style scoped lang="scss">
.role-box {
    background: #FFF9F0;
    color: #FFA40C;
    padding: 20rpx;
    text-align: center;
    border-radius: 10rpx;
    margin-top: 20rpx;
    font-size: 32rpx;
    font-weight: 500;
}
</style>